<template>
  <div>
    <h1>我的套餐</h1>
    <div class="my-component">
      <p style="color: var(--component-text-color)">这是组件内的文本</p>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped>
.my-component {
  --component-text-color: #ccc;
}
</style>
